<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <title>Home Furnishing</title>
    <!-- bootstrap -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

  <!-- animate.css -->
  <link rel="stylesheet" href="./assets/css/animate.min.css" />

  <!-- reset.less -->
  <link rel="stylesheet/less" href="./assets/css/reset.less" />

  <!-- common.less -->
  <link rel="stylesheet/less" href="./assets/css/common.less" />

  <!-- index.less -->
  <link rel="stylesheet/less" href="./assets/css/index.less" />
</head>
<body>
    <!-- 头部 -->
    <!-- header -->
    <div class="header">
        <div class="logo">
          <img src="./assets/images/dv1.png" />
        </div>
        <div class="is">
            <span>深圳世贸市场</span>
        </div>
        <div class="itn glyphicon glyphicon-menu-right"></div>
        <div class="magnifier glyphicon glyphicon-search"></div>
    </div>

    <!-- 轮播图 -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
    
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
        <img src="./assets/images/banner.png" class="img-responsive">
        </div>
        <div class="item">
        <img src="./assets/images/banner.png" class="img-responsive">
        </div>
        <div class="item">
        <img src="./assets/images/banner.png" class="img-responsive">
        </div>
    </div>
    
    <!-- 左右的按钮 -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
    </div>




    <!-- icon -->
<div class="icon"> 
    <div class="container">
        <div class="on">
            <div class="on1">
                <div class="on2">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="in">
                    <span>
                        安心退
                    </span>
                </div>
            </div>

            <div class="on1">
                <div class="on2">
                    <img src="./assets/images/icon2.png" />
                </div>
                <div class="in">
                    <span>
                        最快半小时
                    </span>
                </div>
            </div>

            <div class="on1">
                <div class="on2">
                    <img src="./assets/images/icon3.png" />
                </div>
                <div class="in">
                    <span>
                        专场直供
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- about -->
<div class="about">
    <div class="container">
        <div class="demo">
            <div class="baby">
                <div class="top">
                    <img src="./assets/images/list1.png"/>
                </div>
                <div class="bottom">
                    <span>
                        水果
                    </span>
                </div>
            </div>

            <div class="baby">
                <div class="top">
                    <img src="./assets/images/list2.png"/>
                </div>
                <div class="bottom">
                    <span>
                        蔬菜
                    </span>
                </div>
            </div>

            <div class="baby">
                <div class="top">
                    <img src="./assets/images/list3.png"/>
                </div>
                <div class="bottom">
                    <span>
                        牛奶面包
                    </span>
                </div>
            </div>

            <div class="baby">
                <div class="top">
                    <img src="./assets/images/list4.png"/>
                </div>
                <div class="bottom">
                    <span>
                        海鲜水产
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- list -->
<div class="list">
    <div class="container">
        <div class="itn">
            <div class="left">
                <img src="./assets/images/huiyuan1.png"/>
            </div>
            <div class="right">
                <img src="./assets/images/xinpin1.png" />
            </div>
        </div>
    </div>
</div>


<!-- item -->
<div class="item">
    <div class="container">
        <div class="top">
            <span>
                限时秒杀
            </span>
        </div>
        <div class="conter">
            <img src="./assets/images/ion1.png" />
        </div>
        <div class="bottom">
            <span>
            【今日推荐】三全牛肉大葱水饺/450g
            </span>
        </div>
    </div>
</div>

<div class="item">
    <div class="container">
        <div class="top">
            <span>
                限时秒杀
            </span>
        </div>
        <div class="conter">
            <img src="./assets/images/ion1.png" />
        </div>
        <div class="bottom">
            <span>
            【今日推荐】三全牛肉大葱水饺/450g
            </span>
        </div>
    </div>
</div>

<div class="item">
    <div class="container">
        <div class="top">
            <span>
                限时秒杀
            </span>
        </div>
        <div class="conter">
            <img src="./assets/images/ion1.png" />
        </div>
        <div class="bottom">
            <span>
            【今日推荐】三全牛肉大葱水饺/450g
            </span>
        </div>
    </div>
</div>

<div class="item">
    <div class="container">
        <div class="top">
            <span>
                限时秒杀
            </span>
        </div>
        <div class="conter">
            <img src="./assets/images/ion1.png" />
        </div>
        <div class="bottom">
            <span>
            【今日推荐】三全牛肉大葱水饺/450g
            </span>
        </div>
    </div>
</div>



<footer class="footer">
    <a href="./index.html" class="item">
      <span class="glyphicon glyphicon-home"></span>
      <span>首页</span>
    </a>
    <a href="./classification.html" class="item">
      <span class="glyphicon glyphicon glyphicon-th-large"></span>
      <span>分类</span>
    </a>
    <a href="./shopping.html" class="item">
      <span class="glyphicon glyphicon-shopping-cart"></span>
      <span>购物车</span>
    </a>
    <a href="./my.html" class="item">
      <span class="glyphicon glyphicon-user"></span>
      <span>我的</span>
    </a>
  </footer>








</body>
</html>

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/wow.min.repeat.js"></script>